<template>
    <div class="dialogHeader">
        <div class="header-title" :class="headerClass" :id="headerId">
            {{ headerTitle }}
        </div>
    </div>
</template>

<script setup lang="ts">
import { defineProps, toRefs } from 'vue'
const props = defineProps({
    headerId: {
        type: String,
        default: ''
    },
    headerClass: {
        type: String,
        default: ''
    },
    closeFn: {
        type: Function
    },
    headerTitle: {
        type: String,
        default: '自定义头部'
    }
})
const { headerId, headerClass, closeFn, headerTitle } = toRefs(props)
</script>

<style scoped lang="scss"></style>